@charset "utf-8"; 
*{ box-sizing: border-box; -moz-box-sizing: border-box;}
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { padding: 0; margin: 0;}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, table, th, td { font-size: 1em; font-style: normal; font-weight: normal;}
strong { font-weight: bold;}
ul, ol { list-style: none outside none;}
fieldset, img { border: medium none; vertical-align: middle;}
caption, th {  text-align: left;}
table { border-collapse: collapse; border-spacing: 0;}
html{height: 100%;}
i, cite, em { font-style: normal;}
input,button,select,textarea{ outline:none}
html{ overflow: hidden;height: 100%;}
body {color: #666;height: 100%;background: linear-gradient(#27c7ff,#1f79e7);background-size: cover; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; display: flex; align-items: center;justify-content: center;}
.box{ height: 90%; width: 90%; background: #fff; display: flex;justify-content: space-between;position: relative;border-radius: 25px;}
.box_left{width:50%;border-top-left-radius:25px; border-bottom-left-radius:25px; overflow: hidden;background-size: cover;}
.box_left img{width:100%;height: 100%;display: none;}
.box_right{width: 50%; position: relative; display: flex; align-items: center; justify-content: center;}
.box_right:after{width: 197px; height: 309px; content: '';position: absolute; background: url('../images/jqr.png') no-repeat;right:-40px;top:-30px;}
.box_right .right_nr{ width: 585px;}
.right_nr > .title{}
.right_nr > .title p{ font-size: 50px; color: #3290ef;}
.right_nr > .title span{ font-size: 30px; color: #999;margin:10px 0 40px; display: block;}

.login_form input{ height: 80px; line-height: 80px; border: 1px solid #b1b3cc; border-radius: 5px; width: 100%;padding: 0 20px;font-size: 24px;}
.login_form input::-webkit-input-placeholder {color: #999;}
.login_form .layui-form-item{margin-bottom: 30px;}
.login_form .layui-form-item .layui-input-inline{ margin: 0;}
.login_form .layui-form-item .layui-input-inline:nth-child(1){width: 60%;}
.login_form .layui-form-item .layui-input-inline:nth-child(2){width: 40%;}
#verify{border-top-right-radius: 0;border-bottom-right-radius: 0}
#codeimage{ width: 100%; height: 80px;border-top-right-radius:5px;border-bottom-right-radius: 5px;}
.login_form button{ background:url('../images/login_btn.png') center center no-repeat;width: 100%;height: 80px; line-height: 80px; font-size: 36px; color: #3290ef;}
.login_form button:hover{background:url('../images/login_btn_h.png') center center no-repeat; color: #fff;}
.third_party{ text-align: center; }
.third_party .title{ font-size: 30px; color: #999; display: inline-flex; justify-content: space-between; align-items: center;margin: 30px 0 20px;}
.third_party .title p{padding: 0 30px;}
.third_party .title:before{content: '';width:100px;height: 1px; background: linear-gradient(to right,transparent,#999); display: block;}
.third_party .title:after{content: '';width:100px;height: 1px; background: linear-gradient(to left,transparent,#999); display: block;}
.third_party .entrance a{ display: inline-block; margin: 0 20px; cursor: pointer;}

.not_company{ background: none; display: flex; align-items: center; justify-content: center;}
.not_company .content{ text-align: center;}
.not_company .content img{width: 150px;}
.not_company .content p{font-size: 28px;color: #333;line-height:80px;}
.not_company a{margin-top:35px;width: 220px; height: 70px; line-height:70px; text-align: center; background: #298acb; display: inline-block; font-size: 28px; color: #fff; border-radius:5px;}